<script setup lang="ts">
import { ref } from "vue";
import GKHeader from '@/components/GK-Header.vue'
import GKFooter from '@/components/GK-Footer.vue'

import zhCN from "ant-design-vue/es/locale/zh_CN";
const locale = ref(zhCN);
</script>
<template>
   <a-config-provider
    :locale="locale"
  >
  <div class="flex items-center justify-center">
    <div class="container">
      <GKHeader />
      <RouterView />
    </div>
  </div>
  <GKFooter />
</a-config-provider>
</template>

<style>
html,
body {
  background: #f8fafe;
}
.container {
  padding-bottom: 100px;
}
</style>
